<!DOCTYPE html>
<html lang="en">
	<head>
		<title>我的订单</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
		<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="all" />
		<!--// css -->
		<style type="text/css">
		.choose{
			font-size: 20px;
			line-height: 52px;
		}
			
		table,tr{
			height: 232px;
			border: 1px solid #000;
			border-bottom: 2px solid #0000FF;
		}
		</style>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	
	<body>
	
	<div class="header-top-w3layouts">
		<div class="container">
			<div class="col-md-6 logo-w3">
				<h2 style="text-align: left;">中显映创科技(集团)有限公司</h2>
			</div>
      <ul class="nav nav-pills" style="float: right;">
      	<li class="dropdown all-camera-dropdown">
      		<a class="dropdown-toggle" data-toggle="dropdown" href="#">
      			Tutorials
      			<b class="caret"></b>
      		</a>
      		<ul class="dropdown-menu">
      			<li data-filter-camera-type="all"><a data-toggle="tab" href="#">个人中心</a></li>
      			<li data-filter-camera-type="all"><a href="myorder.html">我的订单</a></li>
      			<li data-filter-camera-type="Alpha"><a data-toggle="tab" href="#">退出</a></li>
      			<!-- <li data-filter-camera-type="Zed"><a data-toggle="tab" href="#">MySQL</a></li> -->
      			<!-- <li data-filter-camera-type="Bravo"><a data-toggle="tab" href="#">JavaScript</a></li> -->

      		</ul>
      	</li>
      </ul>
      <!-- <div id="logintou" class="dropdown">
        <a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
          username
          <span class="caret"></span>
        </a>
        <ul id="small_account" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
          <li style="cursor: pointer" role="presentation" clickable="true" onclick="hits('User') "><a role="menuitem">个人中心</a></li>
          <li role="presentation"><a href="{:U('Home/Index/logout')}" role="menuitem">注销</a></li>
        </ul>
      </div> -->
			<!-- <div class="col-md-6 phone-w3l">
				<ul>
					<li>注册</li>
					<li>|</li>
					<li>登陆</li>
				</ul>
			</div> -->
			<div class="clearfix"></div>
		</div>
	</div>
		
	<div class="header-top-w3layouts" style="background-color: #fff;">
		<div class="container">
			<div class="col-md-6 logo-w3">
				<h2 style="text-align: left;color: #000;line-height: 90px;font-weight: bold;font-size: 30px;">我的订单</h2>
				<h2 style="text-align: left;margin-left:150px;color: #000;line-height: 20px;font-size: 16px;margin-top: -22px;">温馨提示：请谨防钓鱼链接或诈骗电话</h2>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>

	<div class="header-top-w3layouts" style="background-color: #f6f6f6;">
		<div class="container">
			<div class="col-md-7 navigation-agileits" >
				<nav class="navbar navbar-default"  style="background-color: #fff;">
					<div class="collapse navbar-collapse" id="bs-megadropdown-tabs" style="padding-left: 0px;overflow: hidden;">
						<ul class="nav navbar-nav ">
							<li><div class="choose" id="firstPage"><span>全部订单&emsp;|&emsp;</span></div></li>	
							<li><div class="choose" id="phone"><span>待支付&emsp;|&emsp;</span></div></li>
							<li><div class="choose" id="bed"><span>待收货&emsp;|&emsp;</span></div></li>
							<li><div class="choose" id="service"><span>已关闭&emsp;|&emsp;</span></div></li>
							<li><div class="choose" id="service"><span>已完成&emsp;|&emsp;</span></div></li>
						</ul>
					</div>
				</nav>
			</div>
								
			<div class="col-md-4 search-agileinfo" style="float: right;margin-right: 8px;">
				<form>
					<input type="search" name="Search" placeholder="输入商品名称，商品编号，订单号">
					<button type="submit" class="btn btn-default search">
						<i class="fa fa-search" aria-hidden="true"> </i>
					</button>
				</form>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<div class="header-top-w3layouts" style="background-color: #fff;">
		<div class="container">
			<table style="width: 100%;border-collapse:collapse;">
				<tr>
					<td>
						<div style="height: 80px;margin-left: 10px;">
							<h3 style="text-align: left;line-height: 40px;">已收货</h3>
							<h5 style="text-align: left;line-height: 20px;">2016年06月16日 10:36|汪汉|订单号：1160616288712890|在线支付</h5>
						</div>
						<div style="border-bottom: 1px solid#000;">
						</div>
						<div style="height: 130px;margin-left: 15px;">
							<div style="margin-top:40px;float: left; width: 60px;height: 60px;background: url(img/phone3.png) no-repeat;background-size: 100% 100%;"></div>
							<div style="float: left;height: 60px;line-height: 130px;">手机一信息，价格，数量</div>
							<div style="margin-top:50px;margin-right:54px;float: right;width: 88px;height: 40px;color: #fff;background-color: #f25807;text-align: center;line-height: 40px;cursor: pointer;">订单详情</div>
						    <div style="margin-top:50px;float: right;margin-right:15px;width: 88px;height: 40px;color: #000;background-color: #fff;text-align: center;line-height: 40px;border: 1px solid #000;cursor: pointer;">申请售后</div>				
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div style="height: 80px;margin-left: 10px;">
							<h3 style="text-align: left;line-height: 40px;">已收货</h3>
							<h5 style="text-align: left;line-height: 20px;">2016年06月16日 10:36|汪汉|订单号：1160616288712890|在线支付</h5>
						</div>
						<div style="border-bottom: 1px solid#000;">
						</div>
						<div style="height: 130px;margin-left: 15px;">
							<div style="margin-top:40px;float: left; width: 60px;height: 60px;background: url(img/phone3.png) no-repeat;background-size: 100% 100%;"></div>
							<div style="float: left;height: 60px;line-height: 130px;">手机一信息，价格，数量</div>
							<div style="margin-top:50px;margin-right:54px;float: right;width: 88px;height: 40px;color: #fff;background-color: #f25807;text-align: center;line-height: 40px;cursor: pointer;">订单详情</div>
						    <div style="margin-top:50px;float: right;margin-right:15px;width: 88px;height: 40px;color: #000;background-color: #fff;text-align: center;line-height: 40px;border: 1px solid #000;cursor: pointer;">申请售后</div>				
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div style="height: 80px;margin-left: 10px;">
							<h3 style="text-align: left;line-height: 40px;">已收货</h3>
							<h5 style="text-align: left;line-height: 20px;">2016年06月16日 10:36|汪汉|订单号：1160616288712890|在线支付</h5>
						</div>
						<div style="border-bottom: 1px solid#000;">
						</div>
						<div style="height: 130px;margin-left: 15px;">
							<div style="margin-top:40px;float: left; width: 60px;height: 60px;background: url(img/phone3.png) no-repeat;background-size: 100% 100%;"></div>
							<div style="float: left;height: 60px;line-height: 130px;">手机一信息，价格，数量</div>
							<div style="margin-top:50px;margin-right:54px;float: right;width: 88px;height: 40px;color: #fff;background-color: #f25807;text-align: center;line-height: 40px;cursor: pointer;">订单详情</div>
						    <div style="margin-top:50px;float: right;margin-right:15px;width: 88px;height: 40px;color: #000;background-color: #fff;text-align: center;line-height: 40px;border: 1px solid #000;cursor: pointer;">申请售后</div>				
						</div>
					</td>
				</tr>
			</table>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<script>
			
			$("#pay").click(function(){
				window.location.href = "pay.html";
			})
		</script>
	
	</body>
</html>